*{
	margin:0;
	padding: 0;
}
ul,ol,li{
	list-style: none;
}
.head{
	background:url(../img/head_bg.jpg) no-repeat center center;
	background-size:100% 100%;
	width: 100%;
	height:auto;
	display: flex;
	align-items: center;
	padding: 2.5rem 0;
}
.head_wrapper{
	display: flex;
	justify-content: flex-start;
	/* align-items: center; */
	padding: 0 5%;
}
.head_img{
	display: flex;
	align-items: center;
	padding-right: 3.5%;
}
.head_img img{
	width:4.8rem;
	height:4.8rem;
	border-radius: 50%;
}
.head_info{
	display: flex;
	align-items: center;
}
.head_info .head_info_wrapper p{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.head_info .head_info_wrapper p b{
	font-size: 18px;
	display: inline-block;
	padding:0 .8rem 0 0;
	text-align: center;
	color:#fff;
} 
.head_info .head_info_wrapper p i{
	display: flex;
	align-items: center;
}
.head_info .head_info_wrapper p i img{
	height:auto;
	width: 3rem;
	border-radius: .5rem;
}
.head_info .head_info_wrapper span{
	display: inline-block;
	width:4rem;
	height:1rem;
	line-height: 1rem;
	text-align: center;
	background: #C5AD93;
	color:#fff;
	font-size: 12px;
	border-radius: .28rem;
}
.purse{
	margin: 0 5%;
	background: #fff;
	border-radius: .5rem;
	padding: .8rem;
    position: relative;
	top:-1.5rem;
}
.purse .purse_head{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.purse .purse_head>p{
	padding: 0;
	margin:0;
	display: flex;
	justify-content: flex-start;
	width: 100%;
}
.purse .purse_head>p span{
	display: flex;
	align-items: center;
}
.purse .purse_head>p button{
	border-radius: .35rem;
    width: 3rem;
    height: 1.2rem;
    line-height: 1.3rem !important;
    text-align: center;
    padding: 0;
    font-size: 12px;
	color:#B34232;
	background: #CB9F65;
	border: none;
	margin-left: .5rem;
}
.purse_list{
	width: 100%;
	justify-content: space-between;
	display: flex;
	padding: 0 .5rem;
}
.purse_list li{
	padding:.1rem 0;
}	
.purse_list li span{
	text-align: center;
	display: inline-block;
	font-size: 12px;
	width: 100%;
	padding: .8rem 0;
}	
.purse_list li p{
	text-align: center;
	padding: 0;
	margin:0;
	color:#AC1E1E;
}
.order{
	margin: 0 5%;
	background: #fff;
	border-radius: .5rem;
	padding: .8rem;
}
.order>p{
	display: flex;
	justify-content: space-between;
}
.order>p span:nth-of-type(1){
	color:#888787;
}
.order>p span:nth-of-type(2){
	color:#D9D9D9;
	font-size: 12px;
}
.order_list{
	display: flex;
	justify-content: space-between;
	padding:0 .5rem;
}
.order_list li{
	padding-top: .8rem;
}
.order_list li i{
	display: flex;
	width: 100%;
	justify-content: center;
}
.order_list li i img{
	width: 1.3rem;
	height:1.3rem;
}
.order_list li p{
	margin:0;
	font-size: 12px;
	text-align: center;
	padding: .5rem 0;
}
.manage{
	margin: 0 5% 8rem 5%;
	background: #fff;
	border-radius: .5rem;
	padding: .8rem;
	position: relative;
	top:1.5rem
}
.manage>p span:nth-of-type(1){
	color:#888787;
}
.manage>p span:nth-of-type(2){
	color:#D9D9D9;
	font-size: 12px;
}
.manage_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.manage_list li{
	padding-top: .8rem;
	width: 25%;
}
.manage_list li i{
	display: flex;
	width: 100%;
	justify-content: center;
}
.manage_list li i img{
	width: 1.8rem;
	height:1.8rem;
}
.manage_list li p{
	margin:0;
	font-size: 12px;
	text-align: center;
	padding: .5rem 0;
}
.fixed-footer{ position: fixed; bottom: 0; left: 0;}
.page-footer{ width: 100%; box-shadow: 0 -2px 4px #d7d7d7; background-color: #fff;}
.page-footer ul{ width: 100%; background-color: #fff; height: 4em;}
.page-footer ul li{  float: left; width: 33.3%; text-align: center; padding: 3% 0 1%;}
.page-footer ul li a{ width: 100%; display: block;}
.page-footer ul li a i {color:#797474;font-size: 22px; }
.page-footer ul li p{color:#797474;margin:0; margin: 0; padding: .5rem 0;}
.page-footer ul .active a i{color:#AA1010;}
.page-footer ul .active a p{ color: #AA1010;}